<!-- 此处是文字加横线 -->
<template>
    <div class='list list--articles'>
        <div class='element element--article' v-for='item in props.likewordLData' :key='item.uuid'>
            <div class="article__content">
                <h3 class="article__headline">
                    <router-link class="link"
                        :to="{ name: 'NewDetail', params: { uuid: item.uuid, author: item.author } }">{{ item.title
                        }}</router-link>
                </h3>
            </div>
        </div>
    </div>
</template>
<script lang='ts' setup>
const props = defineProps(['likewordLData'])
</script>
<style scoped lang='scss'>
.list .element--article {
    box-shadow: 0 -1px 0 0 #e1e1e1, inset 0 -1px 0 0 #e1e1e1;
    padding: 10px 0;
    margin: 0;
    display: block;
}

.element--article:first-of-type {
    padding-top: 0;
    box-shadow: none;
}
</style>